<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ConfirmOrder</title>
</head>
<body>
    <%= require('../common/header.htm') %>

    <div id="Content">
        <div id="BackLink">
            <a href="/catalog/view">Return to Main Menu</a>
        </div>

        <form action="/order/confirmOrder" method="post">
            <div id="Catalog">
                Please confirm the information below and then press continue
                <table>
                    <tr>
                        <th align="center" colspan="2">
                            <font size="4">
                                <b>Order</b>
                            </font>
                            <br/>
                            <font size="3">
                                <b id="time" th:text="${#dates.format(session.order.orderDate, 'yyyy/MM/dd hh:mm:ss')}"></b>
                            </font>
                        </th>
                    </tr>

                    <tr>
                        <th colspan="2">Billing Address</th>
                    </tr>

                    <tr>
                        <td>First name:</td>
                        <td id="firstName" ></td>
                    </tr>
                    <tr>
                        <td>Last name:</td>
                        <td id="lastName" ><c:out value="" /></td>
                    </tr>
                    <tr>
                        <td>Address 1:</td>
                        <td id="address1"><c:out value="" /></td>
                    </tr>
                    <tr>
                        <td>Address 2:</td>
                        <td id="address2" ></td>
                    </tr>
                    <tr>
                        <td>City:</td>
                        <td id="city"></td>
                    </tr>
                    <tr>
                        <td>State:</td>
                        <td id="state"></td>
                    </tr>
                    <tr>
                        <td>Zip:</td>
                        <td id="zip"></td>
                    </tr>
                    <tr>
                        <td>Country:</td>
                        <td id="billCountry"></td>
                    </tr>
                    <tr>
                        <th colspan="2">Shipping Address</th>
                    </tr>
                    <tr>
                        <td>First name:</td>
                        <td id="sFirstName" ></td>
                    </tr>
                    <tr>
                        <td>Last name:</td>
                        <td id="sLastName" ></td>
                    </tr>
                    <tr>
                        <td>Address 1:</td>
                        <td id="sAddress1" ></td>
                    </tr>
                    <tr>
                        <td>Address 2:</td>
                        <td id="sAddress2" ></td>
                    </tr>
                    <tr>
                        <td>City:</td>
                        <td id="sCity"></td>
                    </tr>
                    <tr>
                        <td>State:</td>
                        <td id="sState"></td>
                    </tr>
                    <tr>
                        <td>Zip:</td>
                        <td id="sZip"></td>
                    </tr>
                    <tr>
                        <td>Country:</td>
                        <td id="sCountry"></td>
                    </tr>

                </table>
                <input type="button" name="confirmed" id="continue" value="Continue">
                <a href="../account/myAccount.html" class="Button">Modify address</a>
            </div>
        </form>
    </div>


    <%= require('../common/footer.htm') %>
</body>
</html>